<template>
  <div>
    <OrderHeader :title="title">
      <template slot="tip">
        <span> {{ tip }}</span>
      </template>
    </OrderHeader>
    <router-view />
    <BarService />
    <Footer />
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Order",

  data() {
    return {
      title: "",
      tip: "",
    };
  },

  mounted() {
    let path = this.$route.path;
    if (path == "/order/list") {
      this.title = "订单列表";
      this.tip = "请谨防钓鱼链接或诈骗电话，了解更多>";
    } else if (path == "/order/confirm") {
      this.title = "订单确认";
      this.tip = "确认>";
    } else if (path == "/order/pay") {
      this.title = "订单支付";
      this.tip = "支付>";
    } else if (path == "/order/alipay") {
      this.title = "支付宝支付";
      this.tip = "支付>";
    }
  },

  methods: {},
};
</script>

<style lang="scss" scoped></style>
